<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./ys.css">
</head>

<body>
    <div class="top">
        <div class="lies">
            <ul>
                <li>小米商城</li>
                <li>MIUI</li>
                <li>IoT</li>
                <li>云服务</li>
                <li>金融</li>
                <li>有品</li>
                <li>小爱开放平台</li>
                <li>企业团购</li>
                <li>资质证照</li>
                <li>协议规则</li>
                <li>下载app</li>
                <li>Select Location</li>
            </ul>
        </div>
        <div class="you">
            <ul>
                <li>登录</li>
                <li>注册</li>
                <li>消息通知</li>
            </ul>
            <button class="gwc">购物车(0)</button>
        </div>
    </div>

    <div class="hanglog">
        <img src="./logo-mi2.png" alt="">
        <ul>
            <li>小米手机</li>
            <li>Redml 红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>家电</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>
        <input type="text">
        <button class="ss">搜索</button>
    </div>
    <div class="hlog">
        <div class="li">
            <ul class="shu">
                <li>手机
                    电话卡&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>电视
                    盒子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>笔记本
                    平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>家电
                    插线板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>出行
                    穿越&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>智能
                    路由器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>电源
                    配件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>健康
                    儿童&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>耳机
                    音响&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
                <li>生活
                    箱包&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                </li>
            </ul>
        </div>
        <div id="slideshow">
            <ul id="imglist">
                <li><img src="img/2.jpg" alt=""></li>
                <li><img src="img/1.jpg" alt=""></li>
                <li><img src="img/2.jpg" alt=""></li>
                <li><img src="img/3.jpg" alt=""></li>
                <li><img src="img/2.jpg" alt=""></li>
            </ul>
            <div class="prev"><</div>
            <div class="next">></div>
        </div>
    </div>
    <div class="jojo">
        <div class="xk">
            <div class="aa"><img src="./82abdba456e8caaea5848a0cddce03db.png" alt="">
                <p>小米秒杀</p>
            </div>
            <div class="aa"><img src="./806f2dfb2d27978e33fe3815d3851fa3.png" alt="">
                <p>企业团购</p>
            </div>
            <div class="aa"><img src="./eded6fa3b897a058163e2485532c4f10.png" alt="">
                <p>F码通道</p>
            </div>
            <div class="aa"><img src="./43a3195efa6a3cc7662efed8e7abe8bf.png" alt="">
                <p>&nbsp;米粉卡</p>
            </div>
            <div class="aa"><img src="./f4846bca6010a0deb9f85464409862af.png" alt="">
                <p>以旧换新</p>
            </div>
            <div class="aa"><img src="./9a76d7636b08e0988efb4fc384ae497b.png" alt="">
                <p>话费充值</p>
            </div>
        </div>
        <div class="as1">
            <img class="" src="./5668146e20fc025caa756a0f8a3c7da4.jpg" alt="">
            <img src="./32a62196b9af47752c96e7a50c86417c.jpg" alt="">
            <img src="./28c13d0d11b38ec17fa5d83bc6ba5912.jpg" alt="">
        </div>
    </div>
    <div class="the">
        <div class="xmsg">
            小米闪购
            <div class="bntt">
                <button>
                    < </button><button> > </button>
            </div>
        </div>


        <div class="gw">
            <div class="gw1">
                <p>00:00场</p>
                <img src="./Snipaste_2022-08-19_15-51-58.png" alt="">
                <h4>距离结束还有</h4>
                <div class="sj">
                    <div>00</div>
                    <div class="dian">:</div>
                    <div>14</div>
                    <div class="dian">:</div>
                    <div>12</div>
                </div>
            </div>
            <div class="gw2">
                <img src="./Snipaste_2022-08-19_16-10-33.png" alt="">
                <h4>米家 wiha 8合1棘轮螺丝刀...</h4>
                <p>轻巧集成 无忧家装</p>
                <span>99元</span>
            </div>
            <div class="gw3">
                <img src="./Snipaste_2022-08-19_16-10-46.png" alt="">
                <h4>小米全屏电视E55A 灰色...</h4>
                <p>全面屏设计，人工智能语音</p>
                <span>99元</span>
            </div>
            <div class="gw4">
                <img src="./Snipaste_2022-08-19_16-10-53.png" alt="">
                <h4>Redmi全自动波轮洗衣机 1...</h4>
                <p>一键操作，父母都爱用</p>
                <span>99元</span>
            </div>
            <div class="gw5">
                <img src="./Snipaste_2022-08-19_16-11-00.png" alt="">
                <h4>米家互联网洗烘一体机10K...</h4>
                <p>智能烘干,即洗即穿</p>
                <span>99元</span>
            </div>
        </div>
        <div class="tui">
            <img src="./33973edd8c6c8177f8431daf679e8eb5.webp" alt="">
        </div>
        <div class="top2">
            手机 <span>查看全部<button>></button></span>
        </div>

        <div class="lli1">
            <div class="qw1">
                <img src="./fef86f3a976842446ec7c3f315cf253f.webp" alt="">
            </div>
            <div class="qw2">
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
                <div>
                    <img src="./a687e796bb4879cd0e93867177f800da.webp" alt="">
                    <h4>Redmi K20 Pro 6GB+128GB</h4>
                    <p>晓龙855,,弹出全面屏</p>
                    <p class="ss">2999元</p>
                </div>
            </div>
        </div>


        <div class="tui">
            <img src="./c3830a5525c168eb2c9741877d4cf28d.webp" alt="">
        </div>

        <div class="top2">
            视频 <span>查看全部<button>></button></span>
        </div>

        <div class="spy">
            <div>
                <img src="./e74c4ff741bcdfc5b28a48a43e4edc6d.webp" alt="">
                <h4>小米CC9</h4>
                <p>深蓝星球</p>
                <div class="bf">
                    >
                </div>
            </div>
            <div>
                <img src="./101b19aca4bb489bcef0f503e44ec866.webp" alt="">
                <h4>小米CC9</h4>
                <p>深蓝星球</p>
                <div class="bf">
                    >
                </div>
            </div>
            <div>
                <img src="./96563e75833ba4563bd469dd28203b09.webp" alt="">
                <h4>小米CC9</h4>
                <p>深蓝星球</p>
                <div class="bf">
                    >
                </div>
            </div>
            <div>
                <img src="./2fd26bb99b723337a2f8eaba84f7d5bb.webp" alt="">
                <h4>小米CC9</h4>
                <p>深蓝星球</p>
                <div class="bf">
                    >
                </div>
            </div>
        </div>
    </div>

    <div class="base">
        <div class="base1">
            <div>预约维修服务</div>
            <div>预约维修服务</div>
            <div>预约维修服务</div>
            <div>预约维修服务</div>
            <div class="mei">预约维修服务</div>
        </div>

        <div class="base2">
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                <li class="hh">帮助中心</li>
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <div class="lou">
                <h2>400-100-5678</h2>
                <p>周一至周五 8:00-18:00</p>
                <p>(仅收市话费)</p>
                <div>人工服务</div>
            </div>
        </div>


        <div class="dibu">
            <div class="logdi"><img src="./logo-mi2.png" alt=""></div>
            <h3>小米商城|MIUI|米家|米聊|多看|游戏|路由器|米粉卡|政企服务|小米天猫店|隐私政策|商城用户协议|账号协议|问题反馈|廉政举报|诚信合规|Select Location</h3>
            <p>© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号
            </p>
            <p>© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号
            </p>
            <p>© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号
            </p>
            <p>© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号© mi com 京ICP证110507号
            </p>
            <div class="sss">
                <img src="./truste.png" alt="">
                <img src="./v-logo-2.png" alt="">
                <img src="./icon3.png" alt="">
                <img src="./f1ee261b96ae71e845efba398efeca02.png" alt="">
                <img src="./ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
            </div>
        </div>
    </div>
</body>
<!-- <script src="./index.js"></script> -->
<script>
    var left = 0;
    var timer;
    run();
    function run() {
        if (left <= -3400) {
            left = 10;
        }
        imglist.style.marginLeft = left + 'px';
        var n = (left %1130 == 0)? n = 1200 : n =5;
        left -= 5;
        timer = setTimeout(run,n)
    }
</script>

</html>